<label>
https://code-kitchen.dev/html/label/
for属性
formのid属性と一致させる
これのスコープってどこ?
<form>の中?
ちゃうわ
<input>のidに対応していて、idが全体でユニークじゃないといけないのか
code:html
<label for="name">名前</label>
<input type="text" id="name" />
code:html
<label for="password">
<span>パスワード</span>
<span>数字とアルファベットを含めてください</span>
</label>
<input type="text" id="password" />
fieldのラベルには、labelタグを使う
Web Accessibility的にも有効
音声で認識できる
labelはfieldの横ではなく上に配置する
ref 『Form Design Patterns』.icon p.28
横に配置すると
viewportが小さい時に、fieldが狭くなる
viewportが大きい時に、拡大すると見切れる
#??
これ別に常にinputとセットで使うわけでもない?
inputがない「ラベル」でも使っても良い?
inputと使うと嬉しい、というのはわかる
基本inputと使うっぽいな
https://stackoverflow.com/a/33214122
https://www.w3.org/TR/WCAG20-TECHS/H44.html
inputと併用しない時は<span>を使えばいい
『Form Design Patterns』 p.19~